<html>
<head>
<style>
::-webkit-scrollbar {
    height: 30px;
    width: 30px;
}

::-webkit-scrollbar-thumb {
    background-color: blue;
    height: 30px;
    width: 30px;
}

body {
  background-color: black;
}

</style>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
function test()
{
    runAfterLayoutAndPaint(function() {
        document.scrollingElement.scrollTop = 2000;
    }, true);
}
</script>
</head>
<body onload="test()">
<div style="height: 2000px; color: white;">PASS if blue scrollbar is at the bottom.</div>
</body>
</head>
